
$(function(){
    // 填充一级分类
    $.ajax({
        type:'get',
        url:"/category/queryTopCategory",
        dataType:'json',
        success:function(info){
            // console.log(info);
            $('.left-category').html(template('first-category',info))
        }
    })
    // 根据默认选中的一级分类.渲染对应的二级分类
    renderSecond(1);
    function renderSecond(id){
        $.ajax({
            type:'get',
            url:'/category/querySecondCategory',
            data:{
                id:id
            },
            dataType:'json',
            success:function(info){
                // console.log(info)
                $('.right-category').html(template('second-category',info))
            }
            
        })
    }
    // 点击一级导航,当前高亮,渲染对应的二级分类,由于是动态渲染,所以应该用事件委托
    $('.left-category').on('click','a',function(){
        // 给自己添加current类名同时去除其他同类的current
        $(this).parent().siblings().removeClass('current');
        $(this).parent().addClass('current');
        // 根据获取到的id渲染对应的二级分类
        var id=$(this).data('id');
        renderSecond(id);
    })
})